<template>
  <div>
    <roadLight v-show="showId == 1"></roadLight>
    <computer v-show="showId == 2"></computer>
    <mapRouter v-show="showId == 7"></mapRouter>
    <airCondition v-show="showId == 3"></airCondition>
    <roomLight v-show="showId == 6"></roomLight>
    <spem v-show="showId == 4"></spem>
    <tpem v-show="showId == 5"></tpem>
    <allEcharts v-show="showId == 8"></allEcharts>
  </div>
</template>

<script>
  import airCondition from './airCondition/index'
  import mapRouter from './mapRouter/index'
  import roadLight from './roadLight/index'
  import computer from './computer/index'
  import roomLight from './roomLight/index'
  import spem from './spem/index'
  import tpem from './tpem/index'
  import allEcharts from './allEcharts/allEcharts'
  export default {
    name: 'contents',
    components: {
      airCondition,
      mapRouter,
      computer,
      roadLight,
      roomLight,
      spem,
      tpem,
      allEcharts
    },
    data() {
      return{
        showId: 8
      }
    },
    mounted() {
      this.$bus.$on('navMenus', (data)=>{
        this.showId = data;
      })
    }
  }
</script>
